/* 开始训练 */
/* 返回图标 */
.back{
    color:#fff;
    position: absolute;
    top: 10px;
    left: 10px;
  }
  /* 开始训练按钮 */

  .start-btn{
      position: fixed;
      left: 50%;
      transform: translateX(-50%);
      bottom: 20px;
      width: 300px;
      height: 40px;
      color: #fff;
      border-radius: 20px;
      background-color: #4294FF ;
      overflow-y: scroll;
  
  }




  /* 内容区域 */
  .main{
    // position: fixed;
   overflow-y: scroll;
  /* 视频页面 */
  .video{
position: relative;
      height: 250px;
     
      img{
          
          width: 100%;
          height: 250px;
      }
      .fonttxt{
        font-size: 20px;
        color: #fff;
        position: absolute;
        top: 60%;
        left: 35%;
      }
    .videos{
        font-size: 60px;
        color: #fff;
        position: absolute;
        top: 30%;
        left: 40%;
    }
  }
/* 文字内容介绍 */
.text{
    // width: 100px;
    padding-left: 10px;
    padding-right: 10px;
    /* 第一个li */
.visit{
    position: relative;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
      
    .Subtitle{
        padding-top: 20px;
    }
    .Kilocalorie{
        color: #ccc;
        font-size: 12px;
        position: relative;
        left: 5px;
        top: 15px;
        .number{
            font-weight: bold;
            font-size: 16px;
            color: #000;
        }
       
    }
    .Kilocalorie-to{
        color: #ccc;
        font-size: 12px;
        position: relative;
        left: 70px;
        top: -3px;
        padding-bottom: 10px;
        .number-to{
            font-weight: bold;
            font-size: 16px;
            color: #000;
        }
   }
   .null{
       position: absolute;
       top: 56px;
       right: 20px;
       color: #ccc;
   }

}
/* 第二个li */
    .user{ 
        // padding-bottom: 20px;
        padding-top: 10px;
        height: 100px;
        .portrait{
            width: 80px;
            height: 80px;
            border-radius: 40px;
            border: 1px solid #ccc;
            padding-top: 20px;
            background-image: url("../img/dog.jpg");
            background-repeat: no-repeat;
            background-size: 100%;
        } 
        .user-toa{
            position: relative;
            top: -60px;
            left: 100px;
            }
            .user-tob{
                position: relative;
                top: -50px;
                left: 100px;
            }
            .follow{
                width: 60px;
                height: 30px;
                line-height: 30px;
                border-radius: 20px;
                position: relative;
                top: -75px;
                right: -290px;
                background-color: rgba(66, 148, 255, 100);
                color: rgba(249, 249, 249, 100);
                font-size: 14px;
                text-align: center;
                
            }



    }
/* 第三个li */
.textCoun{
    color: rgba(138, 138, 138, 100);
font-size: 16px;
text-align: left;
padding-bottom: 20px;
}
/* 第四个li */
.su{
    .left{
        position: relative;
        top: 20px;
        left: 10px;
    }
    .left-to{
        position: relative;
        top: 30px;
        left: 10px;
    }
    .right{
        position: relative;
        top: -18px;
        left: 220px;
    }
  
    .right-to{
        position: relative;
        top: 0px;
        left: 220px;
    }
} 









  }
}




